/* Conservative mobile logo size adjustment */
@media (max-width: 768px) {
  div.site-name[data-editorid="logo"] a img {
    width: auto !important;
    height: 35px !important; /* Much smaller and safer size */
    max-width: 60vw !important; /* Conservative width limit */
    min-height: unset !important;
    vertical-align: middle !important; /* Prevent position shifts */
  }
}

/* For smaller mobile devices */
@media (max-width: 480px) {
  div.site-name[data-editorid="logo"] a img {
    height: 32px !important;
    max-width: 55vw !important;
  }
}

/* Keep container positioning stable */
@media (max-width: 768px) {
  div.site-name[data-editorid="logo"] {
    overflow: visible !important;
    max-width: 60vw !important;
    display: inline-block !important; /* Maintain inline behavior */
    vertical-align: middle !important;
  }
  
  div.site-name[data-editorid="logo"] a {
    display: inline-block !important;
    max-width: 100% !important;
    vertical-align: middle !important;
  }
}